<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta charset="utf-8">
	<style type="text/css">
		.main{
			text-align: center;
			border:1px #999 solid;
			width: 100px;
			height: 20px;
			margin: 0px auto;
			}
		.main:hover{
			background-color: #999;
		}
		.main ul{
			margin: 0px 0px 0px -1px;
			padding: 0px;
		}
		.main ul li{
			list-style-type: none;
			border:1px solid #999;
			width: 100px;
			display: none;
		}
		.main:hover ul li{
			display: block;
		}
		.main ul li:hover{
			color: white;
			background-color: #999;
		}
	</style>
</head>
<body>
<div class="main">GUNDAM
	<ul>
		<li>RX78-2</li>
		<li>德尔塔</li>
		<li>石榭兰</li>
		<li>RX-0</li>
	</ul>
</div>
</body>
</html>